<html>
  <head>
    <title>MVC Pattern</title>
    <link type="text/css" rel="stylesheet" href="../../css/style.css"/>
    <script type="text/javascript" src="../../js/jquery.js"></script>
    <script type="text/javascript" src="FakeAjaxCall.js"></script>
    <script type="text/javascript" src="ListView.js"></script>
    <script type="text/javascript" src="ListController.js"></script>
    <script type="text/javascript" src="TodoModel.js"></script>
    <style type="text/css">
      	.todo{
        	background-color: #fcc;
      	}
      	.done{
        	background-color: #cfc;
      	}
      	#results li
      	{
      		color: #000;
      		width: 900px;
      	}
    </style>
  </head>
  <body>
    <div id="source">
      <h2>Source</h2>
      <pre>
var oListView = new ListView(document.getElementById("results"));
var oTodoModel = new TodoModel();
var oListController = new ListController(oListView, oTodoModel);

oListController.init();
      </pre>
    </div>
    <div id="console">
    	<h2>Console</h2>
	    <ul id="results"></ul>
	    <h1>M.V.C.</h1>
    </div>
    <script type="text/javascript" src="../../js/utils.js"></script>
    <script type="text/javascript">
      var oListView = new ListView(document.getElementById("results"));
      var oTodoModel = new TodoModel();
      var oListController = new ListController(oListView, oTodoModel);

      oListController.init();
    </script>
  </body>
</html>
